<template>
  <div class="bigbox">
    <div class="u-title">个人设置</div>
    <el-tabs
      v-model="activeName"
      type="border-card"
    >
      <el-tab-pane
        label="基本设置"
        name="first"
      >
        <Update :uid="userId"></Update>
      </el-tab-pane>
      <el-tab-pane
        label="绑定设置"
        name="second"
      >
        <Binding></Binding>
      </el-tab-pane>
      <el-tab-pane
        label="隐私设置"
        name="third"
      >
        <Setting></Setting>
      </el-tab-pane>
    </el-tabs>

  </div>

</template>
<script>
import Update from '@/components/user/son/edit/update.vue'
import Binding from '@/components/user/son/edit/binding.vue'
import Setting from '@/components/user/son/edit/setting.vue'
import axios from 'axios'
export default {
  data () {
    return {
      activeName: 'first',
      userId: '',
    };
  },
  components: {
    Update, Binding, Setting
  },
  created () {
    this.getbingInfo()
  },
  methods: {
    async getbingInfo () {
      this.userId = this.$route.params.id
      let res = await axios.get('https://autumnfish.cn//user/binding?uid=5151127394');
      console.log(res)
    }
  }
};
</script>
<style lang="less" scoped>
.bigbox {
  width: 980px;
  min-height: 700px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  padding: 40px;
  .u-title {
    height: 40px;
    font-size: 24px;
    font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
  }
}
</style>